<!DOCTYPE html>
<html lang="en">
<head>
    <title>文件夹管理</title>
    <meta charset="UTF-8"/>
    <script src="../../../../../pdfjs/build/pdf.js"></script>
    <script src="../../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../..//scripts/dateUtil.js" type="text/javascript"></script>
</head>
<style>
    body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }
</style>
<body>
<div class="mini-fit" style="width:100%;height:100%;">

    <div showCollapseButton="true">
        <div class="mini-toolbar"  style=" padding:2px;border-top:0;border-left:0;border-right:0;">

            <a class="mini-button" iconCls="icon-add" plain="true" onclick="addRow()">增加</a>
            <a class="mini-button" iconCls="icon-edit" plain="true" onclick="editRow()">编辑</a>
            <a class="mini-button" iconCls="icon-remove" plain="true" onclick="removeRow()">删除</a>
            <a class="mini-button" iconCls="icon-upload" plain="true" onclick="upload()">上传</a>
            <a class="mini-button" iconCls="icon-download" plain="true" onclick="download()">下载</a>
            <a class="mini-button" iconCls="icon-print" plain="true" onclick="print()">打印</a>
            <a style="float:right;" class="mini-button" iconCls="icon-reload" plain="true" onclick="refresh()">刷新</a>
            <span class="separator"></span>

        </div>

        <fieldset style="width:100%;border:solid 1px #aaa;margin-top:8px;position:relative;">
            <form id="form1">
                <div id="editForm1" style="padding:5px;width: 100%;">
                    <input class="mini-hidden" name="id"/>
                    <table style="width:100%;">
                        <tr style="width:100%;">
                            <td style="width:80px;">文件夹名称:</td>
                            <td style="width:250px;"><input id="loginname" name="carName" class="mini-buttonedit" style="width:100%;" /></td>
                            <td style="width:80px;">文件类型:</td>
                            <td style="width:250px;"><input id="carType" name="carType" valueField="id" textField="text" class="mini-combobox" style="width:100%;" /></td>
                            <td style="width:80px;">发布人:</td>
                            <td style="width:250px;"><input name="carState" class="mini-combobox" style="width:100%;" /></td>

                        </tr>
                        <tr>
                            <!--<td style="width:80px;">可乘坐人数:</td>-->
                            <!--<td style="width:250px;"><input id="salary" name="salary" class="mini-combobox" style="width:100%;" /></td>-->
                            <td style="width:80px;"></td>
                            <td style="width:80px;text-align: right;">
                            </td>
                            <td style="width:80px;">
                            </td>
                            <td style="width:80px;text-align: right;">
                                <button style="width:80px;" onclick="find"  class="mini-button">查询</button>
                                <button style="width:80px;" onclick="clean" class="mini-button" >重置</button>
                            </td>

                            <!--注意-->
                            <!--此处需要将：下拉筛选、区间筛选、大于、小于、参照筛选、单选、多选等的模板做出来 ，后端开发人员根据需要的样例进行赋值粘贴；有相关function的
                            地方需要加入注释；-->
<!--                        <tr style="width:100%;">-->
<!--                            <td style="width:80px;">文本框:</td>-->
<!--                            <td style="width:250px;"><input id="loginname" name="carName" class="mini-textbox" style="width:100%;" /></td>-->
<!--                            <td style="width:80px;">单选:</td>-->
<!--                            <td style="width:250px;"><input id="carType" name="carType" valueField="id" textField="text" class="mini-radiobuttonlist" style="width:100%;" /></td>-->
<!--                            <td style="width:80px;">多选:</td>-->
<!--                            <td style="width:250px;"><input name="carState" class="mini-checkbox" style="width:100%;" /></td>-->
<!--                            <td style="width:80px;">日期：</td>-->
<!--                            <td style="width:250px;"><input id="date1" name="BirthDay" class="mini-datepicker" style="width:100%;" value="2010-10-12" required="true" /></td>-->
<!--                        </tr>-->

                        </tr>
                    </table>
                </div>
            </form>
        </fieldset>

    </div>
<!--//下面是datagrid的属性，布尔值后面跟的true或者false是默认的情况下的布尔值-->
<!--    pageIndex	Number	页码-->
<!--    pageSize	Number	每页多少条-->
<!--    sizeList	Array	页尺寸集合，比如[5,10,100]	[5,10,20,50,100]-->
<!--    sortField	String	排序字段-->
<!--    sortOrder	asc,desc	排序方向-->
<!--    sortMode	client	排序模式。设置为"client"后则时客户端排序-->
<!--    totalCount	Number	总记录数-->
<!--    defaultColumnWidth	Number	默认列宽	100-->
<!--    showColumns	Boolean	显示表头	true-->
<!--    showPager	Boolean	显示分页	true-->
<!--    showHGridLines	Boolean	显示横向表格线条	true-->
<!--    showVGridLines	Boolean	显示竖向表格线条	true-->
<!--    showFilterRow	Boolean	显示过滤行	false-->
<!--    showSummaryRow	Boolean	显示汇总行	false-->
<!--    showGroupSummary	Boolean	是否显示分组汇总	false-->
<!--    summaryPosition	String	分组汇总位置。top|bottom。	bottom-->
<!--    allowEmptyContextMenu	Boolean	是否右键点击空白处也显示右键菜单	false-->
<!--    showCellTip	Boolean	允许单元格提示框（当宽度变小有省略号时）	true-->
<!--    allowHeaderWrap	Boolean	允许表头文本换行	false-->
<!--    allowSortColumn	Boolean	允许列排序	true-->
<!--    allowMoveColumn	Boolean	允许移动列	true-->
<!--    allowResizeColumn	Boolean	允许拖拽调节列宽度	true-->
<!--    enableHotTrack	Boolean	移动到行时高亮显示	true-->
<!--    allowCellSelect	Boolean	允许选择单元格	false	-->
<!--    allowCellEdit	Boolean	允许单元格编辑。此模式下，行编辑API将失效。	false	-->
<!--    editNextOnEnterKey	Boolean	按回车键进入下一个单元格编辑。	false	-->
<!--    editNextRowCell	Boolean	按回车键进入下一行同列的单元格编辑。	false	-->
<!--    cellEditAction	String	激发单元格编辑的事件，默认是cellclick，也可以配置成celldblclick。	cellclick	-->
<!--    allowCellValid	Boolean	是否自动验证，当编辑单元格时。	false	-->
<!--    allowRowSelect	Boolean	允许选择行	true	-->
<!--    onlyCheckSelection	Boolean	是否只通过checkcolumn列选择	false	-->
<!--    multiSelect	Boolean	允许多选行	false	-->
<!--    allowUnselect	Boolean	允许反选。设置true后，点击任意单元格都会选中行，以及取消选中行。	false	-->
<!--    allowAlternating	Boolean	显示斑马纹	false	-->
<!--    frozenStartColumn	Number	锁定开始列	-->
<!--    frozenEndColumn	Number	锁定截至列		-->
<!--    showPageIndex	Boolean	显示页码	true	-->
<!--    showPageSize	Boolean	显示页尺寸	true	-->
<!--    showLoading	Boolean	显示Loading遮罩效果	true	-->
<!--    allowResize	Boolean	允许拖拽调节表格尺寸	false	-->
<!--    selectOnLoad	Boolean	加载完是否自动选中	false	-->
<!--    collapseGroupOnLoad	Boolean	加载完是否折叠分组	false	-->
<!--    showEmptyText	Boolean	数据为空时显示提示文本	false	-->
<!--    emptyText	String	数据为空时的提示文本		-->
<!--    alwaysShowEmptyText	Boolean	是否总是显示空文本	false	-->
<!--    pageIndexField	String	分页索引字段名	"pageIndex"	-->
<!--    pageSizeField	String	分页条数字段名	"pageSize"	-->
<!--    sortFieldField	String	排序字段的字段名	"sortField"	-->
<!--    sortOrderField	String	排序方向字段名	"sortOrder"	-->
<!--    totalField	String	总记录数字段名	"total"-->
<!--    dataField	String	数据字段名	"data"	-->
<!--    showPageInfo	Boolean	显示分页文本信息	true	-->
<!--    showReloadButton	Boolean	显示"刷新"分页按钮	true	-->
<!--    autoHideRowDetail	Boolean	展开详细行时，自动隐藏其他详细行	true	-->
<!--    showModified	Boolean	是否显示修改的红色小三角	true	-->
<!--    showColumnsMenu	Boolean	显示列菜单。实现显示、隐藏列。	false	-->
<!--    showPagerButtonText	Boolean	显示分页按钮文本	false	-->
<!--    showPagerButtonIcon	Boolean	显示分页按钮图标	true	-->
<!--    sizeText	String	分页控件分页文字。	""	-->
<!--    pageSizeWidth	Number	分页控件pageSize选择框的宽度。		-->
<!--    enableGroupOrder	Boolean	分组时是否应用排序。	true	-->
<!--    skipReadOnlyCell	Boolean	tab导航编辑时非编辑直接跳过。	false	-->
<!--    showSortIcon	Boolean	显示可派序列的提示图标。	false	-->
<!--    sortDblClick	Boolean	双击表头列排序。	false-->
<!--    selectOnRightClick	Boolean	是否允许右键点击选择。-->
<!--    autoLoad	Boolean	是否自动加载数据。-->

<!--    Columns-->
<!--    表格列配置集合：columns，是一个数组，如：[column, column, ...]。其中一个column的配置参数如下表：-->

<!--    Name	Type	Description	Default-->
<!--    type	indexcolumn|checkcolumn|checkboxcolumn|comboboxcolumn|treeselectcolumn	列类型。创建几个特殊的列。-->
<!--    header	String	表头列文本-->
<!--    field	String	单元格值字段-->
<!--    displayField	String	单元格文本字段-->
<!--    sortField	String	排序字段-->
<!--    name	String	列标识名称-->
<!--    width	Number	列宽度-->
<!--    visible	Boolean	是否显示-->
<!--    hideable	Boolean	是否在表头菜单项显示	false-->
<!--    readOnly	Boolean	是否只读	false-->
<!--    headerAlign	String	表头列文本位置。left/center/right。	left-->
<!--    align	String	单元格文本位置。left/center/right。	left-->
<!--    headerCls	String	表头列样式类。-->
<!--    cellCls	String	单元格样式类-->
<!--    headerStyle	String	表头列样式-->
<!--    cellStyle	String	单元格样式-->
<!--    editor	Object	单元格编辑器。-->
<!--    renderer	Function	单元格绘制处理函数，同drawcell事件。-->
<!--    allowMove	Boolean	是否可移动表头列。	true-->
<!--    allowResize	Boolean	是否拖拽调节表头列宽度。	true-->
<!--    autoShowPopup	Boolean	编辑时是否自动显示下拉框。	false-->
<!--    dataType	string|int|float|date|boolean|currency	数据类型，为客户端排序所用。	string-->
<!--    currencyUnit	String	货币单位。当dataType="currency"有用。如：￥432,432.00。-->
<!--    dateFormat	String	日期格式化。如：yyyy-MM-dd HH:mm:ss。-->
<!--    numberFormat	String	数字格式化。如：-->
<!--    小数点和千分位：format="n"-->
<!--    货币格式：format="c"。-->
<!--    百分比格式：format="p"。-->
<!--    自定义格式：format="¥#,0.00"。-->
<!--    vtype	String	验证规则，如required,email,url等。具体参考这里。	false-->
<!--    summaryType	count|min|max|sum|avg	汇总计算类型。-->
<!--    summaryRenderer	Function	汇总单元格渲染函数。-->
<!--    autoEscape	false	是否自动转义Html。-->
<!--    decimalPlaces	Number	保留的小数位数，默认2位。   -->


<!--    比如下面 multiSelect="true"允许多选行-->
<!--            multiSelect="true"      允许多选行-->
<!--            showPager="true"        显示分页-->
<!--            showPageSize="false"    显示页尺寸-->
<!--            pageIndex="0"           页面0-->
<!--            pageSize="2"            每页2条-->
    <div id="grid1" class="mini-datagrid" style="width:100%;height:100%;" borderStyle="border:0;"
         multiSelect="true"
         allowCellSelect="true"
         showPager="true"
         showPageSize="false"
         pageIndex="0"
         pageSize="10">
        <div property="columns">
            <div type="checkcolumn"></div>
            <div field="folderName" width="120" headerAlign="center" allowSort="true">文件夹名称</div>
            <div field="folderCode" width="120" headerAlign="center" allowSort="true">文件夹编码</div>
            <div field="createDate" width="100" headerAlign="center" allowSort="true">创建时间</div>
            <div field="column4" width="100" headerAlign="center" allowSort="true" >字段四</div>


        </div>
    </div>

</div>
</div>

</body>
</html>
<script src="js/folderList.js"></script>
<script>
    mini.parse();
</script>



